@CHARSET "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Numans);
/*@import url(http://fonts.googleapis.com/css?family=Fauna+One);*/
@import url(http://fonts.googleapis.com/css?family=Maven+Pro);
/******* MENU *******/
ul.dropdown{
	width: 310px;
	border: 1px solid #000;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #1a1a1a;
	margin-top: 2em;
        
        font-family: 'Numans', sans-serif;
}
ul.dropdown li{
	display: none;
	font-size: 12px;
}
ul.dropdown li.active{
	display: block;
	color: #8c8c8c;
	font-size: 14px;
	padding: 12px;
	color: #555;
	border-top: 1px solid #313131;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
ul.dropdown li.active span{
	background: transparent url("../images/dropdown.png") no-repeat scroll right center;
	padding-right: 24px;
	color: #fff;
}
ul.dropdown li a{
	display: block;
	text-decoration: none;
	padding: 8px 8px 8px 10px;
	background: #1e1e1e;
	border-bottom: 1px solid #171717;
}
ul.dropdown li.last a{
	border:0;
}
ul.dropdown li.first a{
	border-top: 3px solid #131313;
}
ul.dropdown li a:hover{
	background: #232323;
	color: #fff;
	padding-left: 11px;
}
/******* /MENU *******/

body{
    background: url(../images/bg.png),url(../images/dark_mosaic.png);
    background-position: 0px -20px, 0px 25px;
    background-repeat: repeat-x,repeat;
    color: #fff;
    font-family: 'Numans', sans-serif;
    min-width:900px;
    min-height: 600px;
    }

#menuLateral{
    background: none;
    width: 250px;
    height: 30%;
    font-family: 'Numans', sans-serif;
    
    -webkit-border-radius: 8px;
    border-radius: 8px;
    
}

.content{
    background: rgba(5,5,5,0.3);
    width: 72.5%;
    height: 450px;
   -webkit-border-radius: 8px;
    border-radius: 8px;
    
}

.logoeStage{
    background: none;
    width: 500px;
    height: 150px;
  font-family: 'Maven Pro', sans-serif;
   letter-spacing: 0px;
   
  
  -webkit-text-stroke-color: black;
  -webkit-text-stroke-width: 1px;
   
}

#imagen{
    width: 150px;
    height: 150px;
    background: #5f870e;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.elementoMenu{
    width: 95%;
    height: 30px;
    
    border: 1px solid #000;
   line-height: 30px;
    background: #1a1a1a;
    margin-top: 2em;
    text-align: center;
    font-size: 14px;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
    overflow: visible;
   text-decoration-line: none;
   
   
}

/*.elementoMenu span {
   position: relative;
   color:#fff;
   text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);
   border-top: rgba(255, 255, 255, .2) 1px solid;
   padding:0.6em 1.3em;
   line-height:1em;
   text-align:center;
   white-space: nowrap;
} */


.elementoMenu:hover{
    width: 95%;
    height: 30px;
    background: #5f870e;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    color: #000;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
    
}
.elementoMenu:active{
    width: 95%;
    height: 30px;
    background: #ffffff;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    color: #000;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
    
   -webkit-box-shadow: inset 0px 0px 4px 4px ;
   box-shadow: inset 0px 0px 4px 4px ;
    
}

.logoeStage h1{
    line-height: 140px;
    margin-left: 30px;
    font-size: 70px;
}
.logoeStage span{
    color:#5f870e;
    font-family: 'Maven Pro', sans-serif;
}
.contendorMenu{
    width: 340px;
    height: 100%;
    background: url(../images/subtle_carbon.png) repeat;
    
}

.tabla {
    width: 90%;
    height: auto;
    text-align: center;
    margin-top: 10px;
    font-family: 'Numans', sans-serif;
    -webkit-border-radius: 5px;
    
}

.tablaR{
    background: rgba(89,126,13,0.6);
    text-align: center;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
    border-collapse: separate;
}

.tablaR:hover{
    background: rgba(89,140,13,0.9);
    text-align: center;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
    
}
.tablaT{
    text-align: center;
    background: #6666ff;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
    border: 2px;

}

.tabla th, td {
    padding: 5px;
    border-bottom-color: red;
    border: 10px;
    
}

.indicacion{
    font-family: 'Numans', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    text-align: right;
    margin-right: 10%;
}

.tablaDetalles{
    width: 100%;
    background: rgba(89,126,13,0.6);
    text-align: center;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
    border-collapse: separate;
    font-size: 13px;
    font-family: 'Numans', sans-serif;
    
}

.tablaDetalles tr th{
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.tablaDetalles tr td{
    text-align: center;
    font-size: 15px;
    
}

.tablaDetalles tr td:hover{
    text-align: center;
    font-size: 15px;
    background: rgba(89,140,13,0.9);
}
/*PARTE DE CONTACT FORM E IMAEL*/
.contactForm {
   width: 80%; 
   font-size: 15px; 
   font-family: 'Numans', sans-serif;
   margin-top: 35px;
   margin-left: 35px;
   float: left;
}

.contactForm div{
    margin-top: 10px;
}

.contactForm input,select{
        margin-left: 20px;
}

.inputEmail{
    width: 260px;
    padding-left: 5px;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-right: 5px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 2px solid;
}

.contactForm div label{
    margin-left: 20px;
    width: 10%;
    float: left;
}

#comment{
     margin-left: 20px;
    font-family: 'Numans', sans-serif;
    color: #131313;
    font-size: 14px;
    max-width:57%;
    max-height: 200px;
    min-width: 57%;
    min-height: 200px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 2px solid
}

.contactForm div select{
    font-size: 13px;
    font-family: 'Numans', sans-serif;
    padding-bottom: 1px;
    width: 270px;
    border: 2px solid #bbb;
    padding: 3px 3px 3px 5px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    
}

.contactForm option{
    padding: 2px 2px 2px 2px;
    font-size: 12px;
    font-family: 'Numans', sans-serif;
    -webkit-border-radius: 0px 0px 2px 2px;
        border-radius: 0px 0px 2px 2px;
}

.botonMail{
    background: #5f870e;
    
    padding: 5px 5px 5px 5px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.botonMail:hover{
    background: #fff;
    
    padding: 5px 5px 5px 5px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    color: #171717;
}

.botonMail:active{
    background: #fff;
   
    padding: 5px 5px 5px 5px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    color: #171717;
    
    -webkit-box-shadow: inset 0px 0px 4px 4px ;
   box-shadow: inset 0px 0px 4px 4px ;
}

.loader{
    width: 30%;
}

.titulo{
    font-family: 'Numans', sans-serif;
    font-size: 20px;
    margin-top: 10px;
}

.imagenusuario{
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 10px 2px rgba(89, 126, 13, 0.5);
box-shadow: 0px 0px 10px 2px rgba(89, 126, 13, 0.5); 
}


.proyDetails{
    font-family: 'Numans', sans-serif;
    border: 1px solid;
    width: 40%;
    background: none;
    margin-bottom: 5px;
}

.proyDetails div label{
    width: 40%;
    float: left;
    margin-left: 10px;
    
}

.proyDetails span{
      color: #5f870e;
}

.srcProyLst{
  position: relative;
    top: 5%;
    left: 3%;
    width: 40%;
    height: auto;
    background: none;
    font-size: 14px;
    border: 1px solid;
    border-color: #ece6bd;
    float: left; 
    font-family: 'Numans', sans-serif;
 }
 
 .srcProyLst div label{
     font-family: 'Numans', sans-serif;
     width: 30%;
     background: none;
     margin-left: 10px;
     margin-top: 5px;
     float: left;
 }
 
 .srcProyLst div span{
     margin-top: 5px;
     background: none;
     width: 65%;
     float: left;
     font-family: 'Numans', sans-serif;
 }


